@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1050px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_title{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			margin:{
				left:r(69px);
				top:r(14px);
			}
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
	}
	.content{
		margin-top:r(87px);
		width:100%;
		background:#fff;
		font-size:0;
		.item{
			width:100%;
			height:r(134px);
			border-bottom:1px solid #e3e3e3;
			.item_head{
				width:100%;
				.title{
					display:inline-block;
					width:r(450px);
					white-space:nowrap;
					font-size:r(28px);
					color:#000;
					margin-left:r(20px);
					padding-top:r(26px);
				}
				i{
					float:right;
					color:#bfbfbf;
					font-size:r(50px);
					margin:{
						top:r(15px);
						right:r(8px);
					}
				}
				&::after{
					display:block;
					content:"";
					clear:both;
				}
			}
			.item_foot{
				width:100%;
				margin-top:r(10px);
				.name{
					font-size:r(20px);
					color:#666666;
					margin-left:r(20px);
				}
				.time{
					float:right;
					margin-right:r(20px);
					font-size:r(20px);
					color:#666666;
				}
			}
		}
	}
}